<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>指定转派人员</title>
    <link rel="stylesheet" href="../../../css/wx/mui.min.css">
    <link rel="stylesheet" href="../../../css/wx/icons-extra.css"/>
    <link rel="stylesheet" href="../../../css/wx/style.css"/>
    <link rel="stylesheet" href="../../../css/wx/wx-iconfont.css"/>

    <script type="text/javascript">
        var pageConfig = {
            jss: ["app/fwzp/fwpg-info"],
            cb: function (o) {
                app.requireCss(['css/wx/icons-extra', 'css/wx/wx-iconfont'], doc);
            }
        };
    </script>
    <script data-main="../../../js/wx/public/config" src="../../../js/require.js"></script>

    <style>

        p {
            margin-bottom: 0;
        }

        .returnCont {
            top: 10%;
            left: 5%;
            right: 5%;
        }

        td {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .table {
            margin-top: 10px;
        }

        .table_1 tr th {
            height: 36px;
            background-color: #F2F2F2;
        }

        .mui-checkbox input[type=checkbox] {
            width: inherit;
            height: inherit;
            position: inherit;
        }

        .mui-checkbox input[type=checkbox], .mui-radio input[type=radio] {
            position: initial;
        }
    </style>
</head>

<body>
<div id="app">
    <div class="mui-content">
        <div class="mui-scroll-wrapper wf-slider-bottom-nonSearch">
            <div class="mui-scroll">
                <div class="table">
                    <table cellpadding="0" cellspacing="0" class="table_1" id="tb_list1">
                        <thead>
                        <tr>
                            <th width="52px">选择</th>
                            <th width="45%">现场服务人员</th>
                            <th width="40%">预计服务日期时间</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                        <tr v-for="item,index in list">
                            <td>
                                <div class="mui-radio mui-left">
                                    <input type="radio" v-model="userId" :value="item.ID">
                                </div>
                            </td>
                            <td>{{item.NAME}}</td>
                            <td @change="selectDate(index,item.date)"><input type="date" v-model="item.date" style="font-size: 13px;width: 80%;padding: 0;margin: 0;height: 30px;padding-left: 5px;"></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="footBtn flexl">
        <button type="button" class="puliColor_bg" @tap.stop="submit">提交</button>
    </div>
</div>
</body>
</html>